<!-- 我的订单 -->
<style scoped rel="stylesheet/scss" lang="scss">
	@import '../../../css/public.scss';
	.MyCn{
		height: 100%;
		background-color:#f3f5f8;
	}
	div.indentInfo{
		width: 100%;
		background-color: #fff;
		padding: 0 30px 30px;
		margin-top: 20px;
		div.head{
			width: 100%;
			height: 80px;
			line-height: 80px;
			border-bottom:1px solid #e1e1e1;
			margin-bottom: 20px;

			@include clearfloat;

			div.label{
				float: left;
				width: 60px;
				height: 80px;
				text-align: center;

				i{
					display: inline-block;
					width: 40px;
					height: 40px;
					border-radius:50%;
					background-color:#c1dbf1;
					color: #fff;
					line-height: 40px;
					font-size: 24px;
				}
				i.colorTwo{
					background-color:#eccde6;
				}
			}
			div.neme{
				float: left;
				font-size: 24px;
			}



		}
		p{
			font-size: 26px;
			line-height: 64px;
			color: #333;
		}
	}
	p.complaintPhone{
		width: 100%;
		line-height: 60px;
		text-align: center;
		color: #c8c7c7;
		i{
			font-size: 26px;
			color: #c8c7c7;
			margin-right: 10px;
		}
	}
	
	


</style>

<template>
	<section class="MyCn">
		<section>
			<head-nav :title-info="titleInfo"></head-nav>
		</section>

		<div class="indentInfo">
			<div class="head">
				<div class="label"><i class="iconfont">&#xe683;</i></div>
				<div class="neme">订单信息</div>
			</div>
			<p>合同编号：BJ2017052305</p>
			<p>日期：2017.07.01</p>
			<p>服务周期：26天</p>
			<p>服务类型：月嫂</p>
			<p>服务状态：未开始</p>
		</div>


		<div class="indentInfo">
			<div class="head">
				<div class="label"><i class="iconfont colorTwo">&#xe683;</i></div>
				<div class="neme">服务人员</div>
			</div>
			<p>家政员：王菜花</p>
			<p>销售老师：张宁</p>
			<p>销售老师电话：15534323456</p>

		</div>

		<p class="complaintPhone"><i class="iconfont">&#xe635;</i>投诉电话：18022220000</p>



	</section>
</template>

<script>

	import headNav from '../../public/headNav';

	
	export default {
		data(){
			return {
				titleInfo: {
					close: true,
					title: '我的订单',
					color: '#333',
					goHome: true,
					backColor: '#fff'
				}
			}
		},
		components: {
			headNav,
			
		},
		computed: {
	    	// getData(){
	    	// 	return this.$store.getters.getDataVal;
	    	// }
	    	
	    },
	    watch:{
	    	// getData(obj){
	    	// 	var data = obj.custom;
	    	// 	for (var i = 0; i < data.length; i++) {
	    	// 		data[i].createtime = new Date(parseInt(data[i].createtime)*1000).Format("yyyy-MM-dd");
	    	// 		data[i].evaluation = data[i].evaluation || '改用户没有评价！';
	    	// 		data[i].level = parseInt(data[i].level); 	    		
	    	// 	}
	    	// 	this.commentList = data;
	    	// }
	    }

	}
</script>
